﻿/*================= 首页主框架 =================*/
#main{width:1002px;margin:0 auto;}

#banner{ display:none;}
.main1{ width:819px; position:relative; background:url(../Images/bg/gkbg.jpg) no-repeat; height:233px; padding-top:72px; padding-left:183px; margin-bottom:19px;}
.main1 p{ font-size:14px; color:#8d8d8d; font-family:"微软雅黑"; line-height:22px; margin-top:6px;}
.gkmore{ position:absolute; display:block; width:42px; height:108px;top: 160px;left: 58px;}
.main1 .con1l{ float:left; width:246px; height:206px; margin-right:27px;}
.main1 .con1c{ float:left;width:246px; height:206px;margin-right:27px;}
.main1 .con1r{ float:left;width:246px; height:206px;}

.con1img{ display:none; width:246px; height:135px; position:absolute;}
.main1 .con1l:hover .con1img{display:block; width:246px; height:135px; position:absolute; z-index:9999;}
.main1 .con1c:hover .con1img{display:block; width:246px; height:135px; position:absolute; z-index:9999;}
.main1 .con1r:hover .con1img{display:block; width:246px; height:135px; position:absolute; z-index:9999;}



.main2{height:325px; position:relative;margin-bottom:16px;}

#link_indexlist{ margin-bottom:20px;}
/*==============================*/
#main .home02{ width:693px; height:325px; background:url(../Images/bg/newbg.jpg) no-repeat; float:left; margin-right:24px;position:relative;}
.home02 .imgbox{margin-top: 53px; width:685px; position:relative;}
.home02 ul.tab{ position:relative;height:271px;width:668px; margin-left:16px;}
.home02 ul.tab li{ width:668px; height:271px;position:absolute;}
.home02 ul.tab li a{ display:block; position:absolute;}
.home02 ul.tab li div.img{ left:0px; top:0px; width:302px; height:234px; padding-right:20px; margin-top:23px;position:absolute; display:none;}
.home02 ul.tab li div.img img{ width:175px; height:113px; }
.home02 ul.tab li div.img h2{ font-family:"微软雅黑"; font-weight:bold; color:#535959; font-size:14px; line-height:38px;}
.home02 ul.tab li div.img p{ font-size:12px; color:#889090; line-height:24px;font-family:"微软雅黑";}
.home02 ul.tab li div.img .newsmore{ display:block; width:75px; height:25px; text-align:center; color:#fff; background:#5e9d9f; line-height:25px; margin-top:11px;}

.home02 ul.tab li a.txt{ right:0px; width:355px; height:67px;overflow:hidden; z-index:99;margin-right: -8px;}

.home02 ul.tab li a.txt:hover,.home02 ul.tab li a.on{ background:#f8fcfd;}
.home02 ul.tab li.n1 a.txt{ top:0px;}
.home02 ul.tab li.n2 a.txt{ top:68px;}
.home02 ul.tab li.n3 a.txt{ top:136px;}
.home02 ul.tab li.n4 a.txt{ top:204px;}




.home02 ul.tab li a.txt img{ width:100px; height:54px; display:block; float:left;}
.home02 ul.tab li .txt .tle{ height:67px;}
.home02 ul.tab li a.txt .tle h3{ font-size:12px; line-height:48px; color:#535959;background:url(../Images/bg/list_03.png) 21px 18px no-repeat; padding-left:38px; font-weight:normal;}
.home02 ul.tab li a.txt .tle span{ font-size:12px;color:#a5a8a8;margin-top: -12px; display:block; padding-left:38px;}



.home02 ul.list{ padding:11px 0px 22px; width:1002px; margin:0 auto;}
.home02 ul.list li{ width:490px; height:39px; border-bottom:1px dashed #a4a4a4; float:left; margin-right:15px;}
.home02 ul.list li.n2{ margin-right:0px;}
.home02 ul.list li a{ font-size:12px; line-height:40px; color:#454846; float:left;}
.home02 ul.list li a:hover{ color:#535959; text-decoration:none;}
.home02 ul.list li span{ float:right; margin-right:3px;font-size:12px; line-height:40px; color:#454846;}

/*==========================*/
.con2r{ width:284px; height:325px; background:url(../Images/bg/yyjt.jpg) no-repeat; float:left; position:relative;}
.con2r ul{ margin-top:53px;}
.con2r ul li{ height:67px; width:282px; margin:1px;}
.con2r ul li:hover{ background:#f8fcfd;}
.con2r ul li a{ color:#535959; font-size:12px; background:url(../Images/bg/list_03.png) 22px 19px no-repeat; display:block; padding-left:39px; line-height:50px;}
.con2r ul li span{ color:#a2a6a7;padding-left:39px; display:block;margin-top: -14px;}
/*=====================================*/
.main3{ height:304px; width:1002px; position:relative; background:url(../Images/bg/protit.jpg) no-repeat; margin-bottom:31px;}
.main3 dl dt{ height:52px; margin-left:144px;}
.main3 dl dt a{line-height: 52px;padding:8px; margin-right:20px; font-size:14px;}
.main3 dl dt a.on , .main3 dl dt a:hover{ background:#5e9d9f; color:#fff;}
.main3 dl dd{ width:1000px; height:250px; border:solid 1px #e4e5e5;}


.newmore{ display:block; background:url(../Images/bg/more.png) no-repeat; width:53px; height:20px; position:absolute; right:18px; top:16px; z-index:9999;}
.newmore:hover{ background:url(../Images/bg/moreh.png) no-repeat;}
/*================= 聚合页（首页）模板样式，随需要修改 =================*/
/*信息文字列表*/
.article_list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_list ul li span{ float:right;line-height:2.5em;}

/*信息图文列表*/
.article_piclist ul li {float: left;padding: 5px 0; border-bottom:1px solid #999; width: 100%;}
.article_piclist ul li img { background-color: #FFFFFF; border: 1px solid #999; float: left;margin-right:5px;padding:1px;}
.article_piclist ul li a{ line-height:2.5em;}
.article_piclist ul li h2{ font-size:12px;}

/*信息置顶1列表*/
.article_top1list{}
.article_top1list .top1{ height:110px; padding-top:10px;}
.article_top1list .top1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_top1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_top1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_top1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*图片置顶1列表*/
.article_img1list{}
.article_img1list .img1{ height:110px; padding-top:10px;}
.article_img1list .img1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_img1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_img1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_img1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*精华置顶1列表*/
.article_dig1list{}
.article_dig1list .dig1{ height:110px; padding-top:10px;}
.article_dig1list .dig1 a img{ width:100px; height:100px; float:left; padding:2px; border:1px solid #999; background-color:#fff; margin-right:5px;}
.article_dig1list ul li {background: url("../images/temp/line01.jpg") repeat-x bottom;}
.article_dig1list ul li a {background: url("../images/temp/ico01.jpg") no-repeat 3px 5px;line-height: 2.5em;padding-left: 14px;}
.article_dig1list ul li span{ float:right;line-height:2.5em;color:#999;}

/*产品列表*/
.product_list2 .scroll_container{ position:relative; width:1000px; height:250px; overflow:hidden; }
.product_list2 ul li div{ float:left;text-align:center;padding:0 8px;}
.product_list2 ul{ position:relative; height:206px; overflow:hidden;}



.product_list2{ height:250px; position:relative;}
.product_list2 ul li{ text-align:center; margin-top:50px; position:absolute; overflow:hidden;}

.product_list2 ul li .image{ width:150px; height:120px; display:block;}
.product_list2 ul li .image img{ width:100%; height:100%;}
.product_list2 ul li .title{ color:#535959; font-size:14px;}
.product_list2 ul li .title:hover{ color:#5e9d9f;}


/*================= 首页扩展类，可自定义添加 =================*/
/*首页切换*/
.link_indexlist{}
#slide-index{width:auto; height:560px; overflow:hidden; position:relative;}
#slide-index .slides{width:auto; height:560px; }
#slide-index .slide{height:560px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}
#slide-index .control{ position:absolute; bottom:0px; width:100%; left:77%;height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:12px; height:12px; cursor:pointer; display:inline-block; background-repeat:no-repeat;background:url(../Images/bg/btn.png) no-repeat; margin-right:5px;overflow:hidden;}
#slide-index .control a:hover, #slide-index .control a.active{width:12px; height:12px; background:#fff;margin-bottom:0px; overflow:hidden; border-radius:50%;}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }
*html #slide-index .button img{width:100%; height:100%;}

/*公司介绍*/
.company{ margin:8px; width:249px;}
.company p{ margin:15px 0 0 13px;}

/*产品左右滚动*/
.product_slide {padding: 6px 0 0 0px;position: relative;width: 680px;margin:13px 0 0 13px;}
.product_slide .more {background: url("../images/ico/more.jpg") no-repeat scroll 0 0 transparent;display: block;height: 17px;left: 715px;position: absolute;text-indent: -1000em;top: 5px;width: 50px;}
.product_slide .wrapper {margin: 0 auto;overflow: hidden;width: 620px;height:188px;}
.product_slide ul li {display: block;float: left;text-align: center;width: 189px;height:188px;padding: 0 10px 0 10px;}
.product_slide ul li .image{background:url(../images/product/probox01.jpg) no-repeat;display: block;float: left;text-align: center;width: 189px;height:156px;}
.product_slide ul li img {padding:2px;margin-bottom:5px;}
.product_slide ul li a{ color:#034B93; font-weight:bold;}
.product_slide .titprice {background: url("../images/product/tbg.jpg") no-repeat;display: block;height: 17px;line-height: 17px;margin: 0 auto;width: 140px;}
.product_slide .price {color: #CC0003;}
.product_slide .arrow {background: url("../Images/temp/arrow01.jpg") no-repeat scroll 0 0 transparent;cursor: pointer;display: block;height:58px;position: absolute;text-indent: -100em;top: 60px;width: 29px;}
.product_slide .forward {background-position: 0 bottom;right: -6px;}
.product_slide .back {background-position: 0 top;left: 0px;}

/*信息上下滚动*/
#topnews {background: url("../images/article/bg_mid.jpg") repeat-x scroll center top transparent;height: 31px;}
#main_content {margin: 0 auto;width: 980px;}
.news_tit {height: 31px;line-height: 31px;overflow: hidden;position: relative;z-index: 1;}
.news_tit h3 {color: #004D95;float: left;font-size: 14px;height: 23px;margin: 4px 0 0 12px;width: 84px;}
.news_btn {float: left; margin-left: 17px; width: 40px;}
.news_btn a {float: left;margin: 10px 0;text-align: center;}
.btn_l {border-right: 1px solid #9C9C9C;width: 19px;}
.btn_r {border-left: 1px solid #DBDBDB;width: 19px;}
.roll_news {float: left;margin-top:5px;}
.roll_news li {padding-left: 10px;}
.roll_news li a {color: #333;}
.roll_news li a:hover {color: #EA5B21;}
.roll_news li span {color: #666666;margin-left: 10px;}

/* 产品css */  
.slideGroup{ width:1000px; position:relative;}
.slideGroup .parHd{position:relative;height:52px;}
.slideGroup .parHd ul{ height:52px; margin-left:144px;}
.slideGroup .parHd ul li{ position:relative; float:left;margin-right:20px; font-size:14px; padding:0px 8px; line-height:32px;height: 32px;margin-top: 10px; cursor:pointer;}
.slideGroup .parHd ul li.on{ background:#5e9d9f; color:#fff;height: 32px;}
.slideGroup .parBd{zoom:1;padding-top:50px;  height:200px;border:solid 1px #e4e5e5; overflow:hidden;}
.slideGroup .slideBox{ overflow:hidden; zoom:1;}

.slideGroup .sPrev,.slideGroup .sNext{display:block; float:left;width:28px;height:62px;line-height:62px;background:#808080;background:rgba(0,0,0,0.2);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000,endColorstr=#32000000);color:#fff;text-align:center;font-size:22px;font-weight:normal;font-family:"simsun" margin-top: 14px;margin-top: 30px;}
.slideGroup .sNext{ float:right;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;}
.slideGroup .parBd .tempWrap{ float:left; }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; float:left;  }
.slideGroup .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center;width:150px; padding:0px 3px;}
.slideGroup .parBd ul li a{ display:block; position:relative; text-align:center;}
.slideGroup .parBd ul li a img{ width:145px; height:120px; margin-bottom:15px;}
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;}
.slideGroup .parBd ul li .title{ line-height:24px;}

